const file = '信号灯舆情数量来源';
const fontSize = 32;
const values = [ 1280, 280, 120, 90, 60, 60, 40, 30 ];
const option = {
    series: [{
        type: 'pie',
        draggable: true,
        radius: ['20%', '70%'], // 设置成环形图
        roseType: false,
        itemStyle: {
            borderRadius: 16, // 设置扇区的圆角
            borderWidth: 2,
            borderColor: '#fff'
        },
        label: {
            show: true,
            formatter: '{b}', // 只显示名称和数值
            draggable: true, // 允许拖动标签
            position: 'outside',
            fontSize: fontSize
        },
        labelLayout: {
            draggable: true,
            moveOverlap: 'shiftY'
        },
        labelLine: {
            show: true,
            length: 20,
            length2: 30,
            smooth: true
        },
        data: [
            {
                name: '110警情(1178)',
                value: values[0],
                label: {
                    show: true,
                    draggable: true,
                    fontSize: fontSize
                },
                itemStyle: { color: '#5470c6' }
            },
            {
                name: '华龙问政网(68)',
                value: values[1],
                label: {
                    show: true,
                    draggable: true
                },
                itemStyle: { color: '#91cc75' }
            },
            {
                name: '抖音(7)',
                value: values[2],
                label: {
                    show: true,
                    draggable: true
                },
                itemStyle: { color: '#fac858' }
            },
            {
                name: '微博(5)',
                value: values[3],
                label: {
                    show: true,
                    draggable: true
                },
                itemStyle: { color: '#ee6666' }
            },
            {
                name: '人民网\n领导留言板(4)',
                value: values[4],
                label: {
                    show: true,
                    draggable: true
                },
                itemStyle: { color: '#73c0de' }
            },
            {
                name: '小红书(4)',
                value: values[5],
                label: {
                    show: true,
                    draggable: true
                },
                itemStyle: { color: '#3ba272' }
            },
            // {
            //     name: '今日头条(1)',
            //     value: values[6],
            //     label: {
            //         show: true,
            //         draggable: true
            //     },
            //     itemStyle: { color: '#9a60b4' }
            // },
            // {
            //     name: '西瓜视频(1)',
            //     value: values[7],
            //     label: {
            //         show: true,
            //         draggable: true
            //     },
            //     itemStyle: { color: '#ea7ccc' }
            // }
        ]
    },
    {
        type: 'pie',
        draggable: true,
        itemStyle: {
            borderRadius: 16, // 设置扇区的圆角
            borderWidth: 2,
        },
        radius: ['20%', '70%'],
        labelLine: {
            show: false
        },
        labelLayout: {
            draggable: true,
            moveOverlap: 'shiftY'
        },
        label: {
            show: true,
            position: 'inside',
            formatter: '{b}', // 显示百分比
            fontSize: fontSize,
            color: '#fff',
            draggable: true // 允许拖动百分比标签
        },
        data: [ // 93.0%	5.4%	0.6%	0.4%	0.3%	0.3%
            { value: values[0], name: '93.0%', itemStyle: { color: '#5470c6' } },
            {
                value: values[1], name: '5.4%',
                itemStyle: { color: '#91cc75' }
            },
            {
                value: values[2], name: '0.6%', label: { fontSize: 18 },
                itemStyle: { color: '#fac858' }
            },
            {
                value: values[3], name: '0.4%', label: { fontSize: 16 },
                itemStyle: { color: '#ee6666' }
            },
            {
                value: values[4], name: '0.3%', label: { fontSize: 14 },
                itemStyle: { color: '#73c0de' }
            },
            {
                value: values[5], name: '0.3%', label: { fontSize: 14 },
                itemStyle: { color: '#3ba272' }
            },
            // {
            //     value: values[6], name: '0.1%', label: { fontSize: 14 },
            //     itemStyle: { color: '#9a60b4' }
            // },
            // {
            //     value: values[7], name: '0.1%', label: { fontSize: 14 },
            //     itemStyle: { color: '#ea7ccc' }
            // }
        ]
    }]
};